<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>团队主页改版</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet"  href="../css/base.css">
    <link rel="stylesheet"  href="../css/materialize.css">
    <link href="https://fonts.css.network/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet"  href="../css/team/team.css">
    <link rel="stylesheet"  href="../css/team/team_edit.css">
</head>
<body>
    <div class="header">
        <div class="aboutWe">
            <a href="../main/test/information.html" target="_blank" style="padding-left: 7px">关于基地</a>
        </div>
        <div class="userLogin">
            <a class="mainBtn" href="" target="_blank">发布</a>
            <span class="line">|</span>
            <a class="mainBtn" href="" target="_blank">团队主页</a>
            <span class="line">|</span>
            <a class="mainBtn" href="" target="_blank">消息</a>
            <span class="line">|</span>
            <a class="mainBtn" href="">退出</a>
        </div>
    </div>
    <div class="guideBar">
        <div class="nav">
            <p id="home_title">四方馆</p>
            <p id="home_subtitle">人才交流平台</p>
            <p id="homePage">首页</p>
            <p id="teamPage">团队</p>
            <p id="studentPage">学生</p>
        </div>
        <div class="nav_function_icon">
            <img src="../res/imgs/team/all.svg" id="nav_function_btn">
            <!--<i id="nav_function_btn" class="material-icons">apps</i>-->
            <span id="total_new_msg">9</span>
        </div>
    </div>

    <div class="team_nav">
        <div class="team_nav_content">
            <div class="team_nav_img">
                <img  src="" id="team_logo">
            </div>
            <div class="team_nav_word">
                <div class="name_slogan_area">
                    <div class="name_slogan_div">
                        <div class="team_nav_word_title">
                            <p id="team_name"></p>
                            <a id="favourite" class="btn-floating  waves-effect waves-light white"><img src="../res/imgs/team/收藏.svg"></a>
                            <!--<a id="chat" class="btn-floating waves-effect waves-light white"><img src="../res/imgs/team/私信.svg"></a>-->
                            <a id="edit_team_basic" class="btn-floating waves-effect waves-light"><i class="material-icons" id="edit_team_basic_icon">edit</i></a>
                        </div>
                        <div class="slogan_div"></div>
                    </div>
                    <div class="collection nav_function_div">
                        <a id="resume_manage" class="collection-item">
                            <img src="../res/imgs/team/简历管理.svg" class="downIcon">
                            <span class="downWord">简历管理</span>
                            <span class="new_msg_num">7</span>
                        </a>
                        <a id="position_manage" class="collection-item">
                            <img src="../res/imgs/team/职位管理.svg" class="downIcon">
                            <span class="downWord">职位管理</span>
                        </a>
                        <a class="collection-item" id="product_manage">
                            <img src="../res/imgs/team/产品管理.svg" class="downIcon">
                            <span class="downWord">产品管理</span>
                            <span class="new_msg_num">2</span>
                        </a>
                        <a class="collection-item" id="topic_manage">
                            <img src="../res/imgs/team/社区管理.svg" class="downIcon">
                            <span class="downWord">社区管理</span>
                        </a>
                    </div>
                </div>

                <div class="label_div">

                </div>
            </div>

        </div>

        <div class="function_tabs">
            <ul>
                <li id="team_homepage">团队主页</li>
                <li id="team_product">团队产品</li>
                <li id="position">需求职位</li>
                <li id="communicate">互动社区</li>
            </ul>
        </div>

    </div>


    <div class="switch_tab">

        <div class="introduction_div">
            <div class="sub_title">
                <span>团队介绍</span>
                <a id="edit_team_intro" class="btn-floating waves-effect waves-light"><i class="material-icons" id="edit_team_intro_icon">edit</i></a>
            </div>

        </div>

        <div class="member_div">
            <div class="sub_title">
                <span>团队成员</span>
                <a id="edit_team_member" class="btn-floating waves-effect waves-light"><i class="material-icons" id="edit_team_member_icon">edit</i></a>
            </div>
            <!--<div class="member_slider carousel">-->
                <!--<div class="team_member">-->
                    <!--<a class="carousel-item">-->
                        <!--<img src="../res/imgs/team/touxiang1.jpg">-->
                         <!--<span class="member_name">吃土小王子</span>-->
                        <!--<span class="member_id">创始人</span>-->
                    <!--</a>-->
                <!--</div>-->
            <!--</div>-->
        </div>

        <div class="photo_div">
            <div class="sub_title">
                <span>团队风采</span>
                <a id="edit_team_photo" class="btn-floating waves-effect waves-light"><i class="material-icons" id="edit_team_photo_icon">edit</i></a>
            </div>
            <!--<div class="slider team_photo_slider">-->
                <!--<ul class="slides">-->
                    <!--<li><img class="team_photo" src="../res/imgs/team/p1.jpg" style="background-size:800px 400px;"></li>-->
                <!--</ul>-->
            <!--</div>-->
        </div>

        <!--<div class="product_div">-->
            <!--<div class="sub_title">-->
                <!--<span>团队产品</span>-->
            <!--</div>-->
            <!--<div class=team_products>-->
                <!--<div class="team_product" style="background-image: url('../res/imgs/team/p1.jpg');background-size: 400px 280px">-->
                    <!--<div class="product_name_area"><p class="product_number">产品一</p><p class="product_name">饮料包装</p></div>-->
                <!--</div>-->
                <!--<div class="team_product">-->
                    <!--<img src="../res/imgs/team/p1.jpg">-->
                    <!--<div class="product_name_area"><p class="product_number">产品一</p><p class="product_name">饮料包装</p></div>-->
                <!--</div>-->
                <!--<div class="team_product">-->
                    <!--<img src="../res/imgs/team/p1.jpg">-->
                    <!--<div class="product_name_area"><p class="product_number">产品一</p><p class="product_name">饮料包装</p></div>-->
                <!--</div>-->
                <!--<div class="team_product">-->
                    <!--<img src="../res/imgs/team/p1.jpg">-->
                    <!--<div class="product_name_area"><p class="product_number">产品一</p><p class="product_name">饮料包装</p></div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->

        <div class="footer">
            <div class="sub_title">
                <span style="color:white">联系我们</span>
                <a id="edit_team_contact" class="btn-floating waves-effect waves-light"><i class="material-icons" id="edit_team_contact_icon">edit</i></a>
            </div>
            <div  class="contact">
                <i class="material-icons">language</i>
                <div id="web_site"></div>
            </div>
            <div  class="contact">
                <i class="material-icons">mail</i>
                <div id="mail_address"></div>
            </div>

        </div>
    </div>

    <!--成员和照片删除时候出来的选择框-->
    <div id="delete_modal" class="modal" style="width: 500px;">
        <div class="modal-content">
            <p>你确定要删除么?</p>
        </div>
        <div class="modal-footer">
            <a  id="confirm_delete_photo" class=" modal-action modal-close waves-effect waves-green btn-flat">确定</a>
            <a  id="remain_photo" class=" modal-action modal-close waves-effect waves-green btn-flat">取消</a>
        </div>
    </div>

    <!--添加成员的时候出来的模态框-->
    <div id="add_member_modal" class="modal modal-fixed-footer">
        <i class="material-icons modal-close" id="close_add_member_modal">close</i>

        <div class="modal-content add_member_modal_content">
            <div id="add_member_modal_content">
                输入姓名，搜索匹配头像和账号，可通过点击成员头像查看该成员个人主页。若有重名，请核对后进行选择。若成员未注册推荐注册，完善个人主页。
            </div>
            <div class="input-field search_member_name_area">
                <input id="search_member_name" type="text" class="validate">
                <label for="search_member_name">输入成员姓名</label>
            </div>
            <!--<div class="find_div">-->
                <!--<select id="member_possible_mail">-->
                    <!--<option value="">111111111</option>-->
                    <!--<option value="">211111111</option>-->
                <!--</select>-->
                <!--<label for="member_possible_mail"></label>-->
                <!--<div class="member_possible_avatar_area">-->
                    <!--<img id="member_avatar" src="../res/imgs/team/p1.jpg">-->
                <!--</div>-->
            <!--</div>-->
            <!--<div class="not_find_div">-->
                <!--<p id="not_find_msg">未找到该名字匹配的账号</p>-->
                <!--<p id="invite_msg">请在下方填写该成员的一个邮箱,我们将发送一份邀请注册的邮件至此邮箱,即可完成注册,在该成员完成注册之前,无法在成员列表显示该成员的姓名和头像</p>-->
                <!--<div class="input-field search_member_name_area">-->
                    <!--<input id="enter_member_mail" type="text" class="validate">-->
                    <!--<label for="enter_member_mail">输入一个该成员的邮箱</label>-->
                <!--</div>-->
            <!--</div>-->
        </div>
        <div class="modal-footer add_member_modal_footer">

        </div>

    </div>

    <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="../js/materialize.js"></script>
    <script type="text/javascript" src="../js/etc.js"></script>
    <script type="text/javascript" src="../js/util.js"></script>
    <script type="text/javascript" src="../js/team/index.js"></script>
</body>
</html>